export default {
  // 为该模块开启命名空间
  // namespaced为true的作用是告诉vuex，该模块所有的state 、getters、mutations、actions里面的东西调用时都需要加上命名空间，这个命名空间就是该模块被improt时命名的名字。
  namespaced: true,
  // 模块的state数据
  // ()=>({}) 等价()=>{return {}}
  state: {
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]'),
  },

  // 模块的mutations，专门用于修改state中的数据
  mutations: {
    // 将购物车中的数据持久化存储到本地
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },

    // 封装一个将商品信息加入购物车的 mutations 方法，命名为addToCart(state, goods)
    addToCart(state, goods) {
      // 通过数组的find方法，根据提交的商品的Id，查询购物车中是否存在这件商品
      // 如果不存在，则 findGoods 为 undefined；否则，为查找到的商品信息对象
      const findGoods = state.cart.find(item => item.goods_id === goods.goods_id);
      // console.log(findGoods)

      if (!findGoods) {
        // 如果购物车中没有这件商品，则直接push
        state.cart.push(goods)
      } else {
        // 如果购物车中有这件商品，则只更新数量即可
        findGoods.goods_count++
      }
      // console.log(state.cart)
      // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
      this.commit('m_cart/saveToStorage');
    },

    // 更新购物车中商品的勾选状态
    updateGoodsState(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findGoods = state.cart.find(item => item.goods_id === goods.goods_id)
      // 有对应的商品信息对象
      if (findGoods) {
        // 更新对应商品的勾选状态
        findGoods.goods_state = goods.goods_state
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },

    // 更新购物车中商品的数量
    updateGoodsCount(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findGoods = state.cart.find(item => item.goods_id === goods.goods_id)
      // 有对应的商品信息对象
      if (findGoods) {
        // 更新对应商品的数量
        findGoods.goods_count = goods.goods_count
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },

    // 根据id删除购物车中的商品
    deleteGoodsById(state, goods_id) {
      // 将不需要删除的商品过滤出来，重新再赋值给仓库数据state.cart
      state.cart = state.cart.filter(item => item.goods_id !== goods_id);
      // 再次永久化储存
      this.commit('m_cart/saveToStorage');
    },

    // 更新所有商品的勾选状态
    updateAllGoodsState(state, newState) {
      // 循环更新购物车中每件商品的勾选状态
      state.cart.forEach(item => item.goods_state = newState);
      // 持久化储存到本地
      this.commit('m_cart/saveToStorage');
    }


  },

  // 模块的actions
  // actions是可以用来处理异步请求，复杂业务逻辑的，如果没有这些需要是可以不要actions的，mutation可以更改state中的数据
  actions: {


  },

  // 模块的getters，类似于计算属性，相当于数据的包装器
  getters: {
    // 统计购物车中商品的总数量
    total(state) {
      return state.cart.reduce((prev, current) => prev += current.goods_count, 0)
    },

    // 勾选的商品的总数量
    checkedCount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品总数量进行累加
      // reduce() 的返回值就是已勾选的商品的总数量
      return state.cart.filter(item => item.goods_state).reduce((prev, current) => prev += current.goods_count, 0);
    },

    // 已勾选的商品的总价
    checkedGoodsAmount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
      return state.cart.filter(item => item.goods_state)
        .reduce((prev, current) => prev += current.goods_count * current.goods_price, 0)
        .toFixed(2);
    },

  },
}
